body {
	background-size: cover;
	background-image: url(../../img/bj.png);
	background-repeat: no-repeat;
}

.content {
	margin: 0 auto;
	text-align: center;
	position: fixed;
	top: 55%;
	bottom: 45%;
	left: 0;
	width: 100%;
}

input[type="text"],input[type="password"] {
    width: 58%;
    height: 33px;
    padding-left: 3em;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #CACACA;
    -moz-box-shadow: 0 0 10px #CACACA;
    box-shadow: 0 0 10px #CACACA;
}
input[type="text"] {
    background-image: url(../../img/2.png);
    background-repeat: no-repeat;
    background-size: 9%;
    background-position-x: 4%;
    background-position-y: 3px;
}
input[type="password"] {
    background-image: url(../../img/1.png);
    background-repeat: no-repeat;
    background-size: 9%;
    background-position-x: 4%;
    background-position-y: 6px;
    outline: medium;
}
.phone1 {
	width: 43.5%;
	height: 100px;
	padding-left: 95px;
	border: 2px solid #E7E7E7;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #CACACA;
	/*font-weight: bold;*/
	cursor: pointer;
}

.accounts,
.phone,
.code,
.button {
	margin-top: 8%;
}

.button {
	border: 1px solid #E7E7E7;
	background-color: #60CCFE;
	border-radius: 30px;
	outline: medium;
	width: 75%;
	height: 38px;
	color: white;
	/*word-spacing:8px;*/
	letter-spacing: 16px;
	cursor: pointer;
}

img {
    width: 6%;
}
.img2 {
	position: fixed;
	top: 22%;
	left: 34%;
	width: 31%;
}

.img1 {
	position: fixed;
	top: 15%;
	left: 30%;
	width: 43%;
}

.img3 {
	position: fixed;
	top: 15%;
	left: 34%;
}

.mailboxERR {
	color: red;
}

.accounts>span {
	position: fixed;
	width: 250px;
	height: 30px;
}

.phone>span {
	position: fixed;
	width: 250px;
	height: 30px;
}

.code>span {
	position: fixed;
	width: 250px;
	height: 30px;
}
